
.moreText {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	line-height: 120%;
}

.goodsBox {
    .goodsList {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        padding: 30rpx 0;
        border-bottom: 1px solid #f5f5f5;
        box-sizing: border-box;
        transition: all 1s;
        -webkit-transition: all 1s;
        .Pic {
            width: 160rpx;
            height: 160rpx;
            position: relative;
            .PromoteIcon {
                position: absolute;
                left: 0;
                top: 0;
                background: #fe461d;
                color: #fff;
                font-size: 20rpx;
                padding: 2rpx 10rpx;
                border-radius: 10rpx 0 10rpx 0;
            }
            .totalStockCount {
                position: absolute;
                left: 0;
                top: 0;
                background: rgba(0, 0, 0, .5);
                color: #fff;
                font-size: 24rpx;
                width: 160rpx;
                height: 160rpx;
                border-radius: 10rpx;
                z-index: 9;
                text-align: center;
                line-height: 160rpx;
            }
            .goodsImage {
                width: 160rpx;
                height: 160rpx;
                border-radius: 10rpx;
            }
        }
        .goodsInfo {
            margin-left: 12rpx;
            /* #ifndef APP-NVUE */
            display: flex;
            /* #endif */
            flex-direction: column;
            justify-content: space-between;
            .goodsTop {
                /* #ifndef APP-NVUE */
                display: flex;
                /* #endif */
                flex-direction: row;
                justify-content: flex-start;
            }
            .goodsName {
                font-size: 32rpx;
                font-weight: bold;
            }
            .goodsDescription {
                color: #999;
                font-size: 26rpx;
                line-height: 26rpx;
                display: inline-block;
                white-space: nowrap;
                overflow: hidden;
				width: 200px;
                text-overflow: ellipsis;
            }
            .goodsData {
                /* #ifndef APP-NVUE */
                display: flex;
                /* #endif */
                flex-direction: row;
                margin-top: 2rpx;
                text {
                    color: #666;
                    font-size: 26rpx;
                }
                .monthlySales {
                    margin-right: 20rpx;
                }
            }
            .bottomOperation {
                /* #ifndef APP-NVUE */
                display: flex;
                /* #endif */
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
				width:100%;
				
				.memberPrice {
					/* #ifndef APP-NVUE */
					display: flex;
					/* #endif */
					flex-direction: row;
					align-items: center;
					color: #fe461d;
					justify-content: flex-start;
					.left {
						background: #fdf3f3;
						color: #fe461d;
						font-size: 24rpx;
						font-weight: bold;
						height: 50rpx;
						padding: 0 10rpx;
						line-height: 50rpx;
						border-radius: 10rpx 0 0 10rpx;
					}
					.right {
						/* #ifndef APP-NVUE */
						display: flex;
						/* #endif */
						flex-direction: row;
						justify-content: flex-start;
						align-items: center;
						background-image: linear-gradient(to bottom, #ff6700, #ff1739);
						height: 50rpx;
						padding: 0 16rpx;
						font-size: 24rpx;
						line-height: 50rpx;
						border-radius: 0 10rpx 10rpx 0;
					}
					.Price {
						color: #fff;
						font-size: 24rpx;
						line-height: 24rpx;
						font-weight: bold;
					}
				}
				
            }

        }
    }
}
.PromoteText .word {
    font-size: 20rpx;
    color: #fe461d;
    border: 1rpx solid #fe461d;
    padding: 0rpx 8rpx;
    border-radius: 6rpx;
    display: inline-block;
}

		.btn-group {
			display: flex;
			justify-content: space-between;
			align-items: center;
			position: relative;
                    .spce_btn {
                        background: #fe461d;
						display: inline-block;
                        color: #fff;
                        font-weight: normal;
                        padding: 0 30rpx;
                        height: 56rpx;
                        border-radius: 56rpx;
                        text-align: center;
                        line-height: 56rpx;
                        font-size: 24rpx;
                    }
			.btn {
				padding: 0rpx;
				font-size: 24rpx;
				height: 56rpx;
				line-height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				&.property_btn {
					border-radius: 24rpx;
				}
				&.dis{
					background:#ffffff;
				}

				&.add_btn,
				&.reduce_btn {
					padding: 0;
					width: 56rpx;
					border-radius: 56rpx;
				}
				&.add_btn,&.property_btn{
					background: #5ac725;
				}
			}

			.dot {
				position: absolute;
				background-color: #ffffff;
				border: 1px solid #5ac725;
				color: #5ac725;
				font-size: 24rpx;
				width: 36rpx;
				height: 36rpx;
				line-height: 36rpx;
				text-align: center;
				border-radius: 100%;
				right: -12rpx;
				top: -10rpx;
			}

			.number {
				width: 44rpx;
				height: 44rpx;
				line-height: 44rpx;
				text-align: center;
			}
		}



.cart-box {
	//position: absolute;
	position:fixed;
	bottom: calc(var(--status-bar-height) + var(--window-bottom) + 1px);
	left: 30rpx;
	right: 30rpx;
	height: 96rpx;
	border-radius: 48rpx;
	//box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.2);
	background-color: #FFFFFF;
	border: #e9e9e9 solid 1px;
	border-right: none; 
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 9999;
	
	.cart-img {
		width: 96rpx;
		height: 96rpx;
		position: relative;
		margin-top: -48rpx;
	}
	
	.pay-btn {
		height: 100%;
		padding: 0 30rpx;
		color: #FFFFFF;
		border-radius: 0 50rpx 50rpx 0;
		border: #e9e9e9 solid 1px;
		border-left: none; 
		display: flex;
		align-items: center;
	}
	
	.mark {
		padding-left: 46rpx;
		margin-right: 30rpx;
		position: relative;
		
		.tag {
			background-color: #f9ae3d;
			color: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			right: -10rpx;
			top: -50rpx;
			border-radius: 100%;
			padding: 4rpx;
			width: 40rpx;
			height: 40rpx;
			opacity: .9;
		}
	}
	
	.price {
		flex: 1;
		color: #f56c6c;
	}
}




.cart-popup {
	.top {
		padding: 0rpx 30rpx;
		font-size: 32rpx;
		text-align: right;
		height: 32px;
		color: #ffffff;
		line-height: 32px;
		border-radius: 20rpx 20rpx 0rpx 0rpx;
	}
	.cart-list {
		background-color: #FFFFFF;
		width: 100%;
		overflow: hidden;
		min-height: 1vh;
		max-height: 60vh;
		
		.wrapper {
			height: 100%;
			display: flex;
			flex-direction: column;
			padding: 0 30rpx;
			margin-bottom: 180rpx;
			
			.item {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 30rpx 0;
				position: relative;
				
				&::after {
					content: ' ';
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
					background-color: #dadbde;
					height: 2rpx;
					transform: scaleY(.6);
				}
				

				
				.left {
					flex: 1;
					display: flex;
					flex-direction: column;
					overflow: hidden;
					margin-right: 30rpx;
					
					.name {
					}
					.props {
						color: #dadbde;
						font-size: 24rpx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
				}
				
				.center {
					margin-right: 120rpx;
				}
				
				.right {
					display: flex;
					align-items: center;
					justify-content: space-between;
				}
			}
			
				.item:last-child {
					&:after {
						background-color: #ffffff;
					}
				}
			
			
		}
	}
}

.u-wrap {
    height: calc(100vh);
    /* #ifdef H5 */
    /*height: calc(100vh - var(--window-top));*/
    /* #endif */
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    flex-direction: column;
}
.u-search-box {
    background-color: #fff;
    padding: 18rpx 30rpx;
    border-bottom: 2rpx solid #eeeeee;
	width: 750rpx;
}
.u-search-inner {
    background-color: #f5f5f5;
    border-radius: 100rpx;
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    align-items: center;
    padding: 10rpx 16rpx;
}
.u-search-text {
    font-size: 26rpx;
    color: #999;
    margin-left: 10rpx;
}

.u-menu-wrap {
    flex: 1;
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    overflow: hidden;
}
.u-tab-view {
    width: 160rpx;
    height: 100%;
    background: #fff;
    border-right: 2rpx solid #eeeeee;
}
.u-tab-item {
    width: 160rpx;
    // height: 110rpx;
    padding: 38rpx 24rpx;
    background: #fff;
    box-sizing: border-box;
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    align-items: center;
    justify-content: center;
    font-size: 26rpx;
    color: #333;
    font-weight: 400;
    line-height: 1;
    position: relative;
	z-index: 10;
    .cartNumber{
        position: absolute;
		z-index: 10;
        border-radius: 34rpx;
        top: 8rpx;
        right: 8rpx;
        // width: 34rpx;
        padding: 0 10rpx;
        height: 34rpx;
        text-align: center;
        line-height: 34rpx;
        background: #fe461d;
        color: #fff;
        font-size: 24rpx;
    }
    text{
        line-height: 1.2;
        color: #333;
    }
}
.u-tab-item-active {
    position: relative;
	z-index: 10;
    color: #fe461d;
    font-weight: 600;
    background: #fff;
    text{
        color: #fe461d
    }
}
.u-tab-item-active::before {
    content: "";
    position: absolute;
	z-index: 10;
    border-left: 4rpx solid #fe461d;
    height: 32rpx;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.u-tab-view {
    height: 100%;
}
.right-box {
    /* #ifdef MP-ALIPAY */
    background-color: #fff;
    /* #endif */
    /* #ifndef MP-ALIPAY */
    background-color: #f5f5f5;
    /* #endif */
}
.page-view {
    // padding: 16rpx;
}
.class-item {
    // margin-bottom: 30rpx;
    background-color: #fff;
    padding: 20rpx 20rpx 0;
    /* #ifndef MP-ALIPAY */
    margin-bottom: 12rpx;
    /* #endif */
}
.item-title {
    font-size: 26rpx;
    color: #333;
    font-weight: bold;
    text{
        color: #999;
        font-size: 24rpx;
    }
}
.item-menu-name {
    font-weight: normal;
    font-size: 24rpx;
    color: #333;
}
.item-container {
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    flex-wrap: wrap;
}

.nav {
	width: 100%;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	border-bottom:solid 1px #efefef;

	.header {
		width: 100%;
		padding: 20rpx;
		background-color: #ffffff;
		border-bottom:solid 1px #f5f5f5;
		height: 90rpx;

		.orderType {
			background-color: #eeeeee;
			border-radius: 38rpx;
			display: flex;
			align-items: center;
			font-size: 24rpx;
			padding: 0 18rpx;
			color:#000000;
			.dinein, .takeout {
				text-align:center;
				&.active {
					padding: 14rpx 18rpx;
					color: #ffffff;
					background-color: #5ac725;
					border-radius: 38rpx;
				}
			}
			.takeout {margin-left: 18rpx;height: 100%;flex: 1;}			
			.dinein.active {margin-left: -18rpx;}
			.takeout.active {margin-right: -18rpx;}
		}
	}
}

.paybox{
	box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.2);
	line-height: 100rpx;
	position:fixed;bottom: 0rpx; width: 100%;
	background: #f3f4f6;
	.paybtn{height: 150rpx;padding-bottom: 50rpx; color:#ffffff;text-align: center;}
	.bg-primary{background: #5ac725;}
	.bg-warning{background: #5ac725;}
}

	/* #ifdef MP-WEIXIN */
	.btn1{
	  width: 60rpx;
	  height: 60rpx; 
	  font-size: 30rpx; 
	  position: fixed;
	  padding: 0px;
	  margin: 0px;
	  top:78%;
	  right:10rpx;
	  z-index: 999;
	  background: none !important; 
	  
	}
	
	.btnImg {
	  width: 60rpx;
	  height: 60rpx;
	  opacity: 0.8;
	}
	
	.btn1::after {
	  border: 0; 
	}
	
	/* #endif */

	.kait {
		margin: 10px;
		background-color: #F7F8FC;
		padding: 10px;
		border-radius: 30px;
		display: flex;
		font-size: 14px;

		.kt_01 {
			background-color: #000;
			border-radius: 50%;
			width: 25px;
			height: 25px;
			text-align: center;

			img {
				width: 18px;
				height: 18px;
				padding-top: 3px;
			}
		}

		.kt_02 {
			padding-left: 5px;
			height: 25px;
			line-height: 25px;
			flex-grow: 1;
		}

		.kt_03 {
			background-color: #000;
			color: #DDCFC2;
			height: 25px;
			line-height: 25px;
			border-radius: 15px;
			padding: 0 10px;
			font-size: 12px;
		}
	}

	.yxpt {
		display: flex;
		font-size: 12px;
		margin-top: -30upx;

		.yxpt_l {
			width: 70%;
			background: linear-gradient(to right, #FF4B2B, #FE1957);
			color: #fff;
			display: flex;
			padding: 5px 10px;

			.yxpt_l_l {
				background-color: #CE250C;
				font-weight: 600;
				padding: 3px 6px 2px 6px;
				border-radius: 3px;
				margin-right: 10px;
			}

			.yxpt_l_r span {
				font-size:17px;
			}
		}

		.yxpt_r {
			width: 30%;
			background-color: #FEE9E8;
			text-align: center;
			color: #E96280;
			padding: 7px 0px 0px 0px;
			font-size: 12px;
			line-height: 20px;
		}
	}

	.pad {
		padding: 0 5px;
	}

	.tan_pindan {
		font-size: 14px;
		max-height: 460px;
		overflow: hidden;
		position: relative;

		.close {
			position: absolute;
			top: -30px;
			right: -30px;
		}

		.mask {
			position: fixed;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 21;
			background-color: rgba(0, 0, 0, 0.6);
		}

		.tan_pd {
			background-color: #fff;
			padding: 10px 10px 0;
			box-shadow: 0 1px 15px #D3D3D3;
			position: fixed;
			top: 150px;
			left: 5%;
			border-radius: 5px;
			width: 90%;
			z-index: 199;

			.tan_pd_tit {
				text-align: center;
				font-size: 16px;
				padding: 0px 0 25px;
			}

			.pt {
				display: flex;
				padding: 10px 0;
				border-bottom: 1px solid #F6F6F6;

				.pt_l {
					font-size: 16px;
					line-height: 40px;
					display: flex;

					img {
						width: 40px;
						height: 40px;
						border-radius: 50%;
						margin-right: 8px;
					}
				}

				.pt_m {
					flex-grow: 1;
					padding-right: 15px;
					font-size: 12px;

					span {
						font-size: 16px;
						padding-right: 5px;
					}

					.pt_m_2 {
						color: #6D6D6F;
					}
				}

				.pt_r {
					background-color: #ED3F14;
					color: #fff;
					height: 30px;
					line-height: 30px;
					margin-top: 5px;
					padding: 0 12px;
					border-radius: 3px;
				}
			}
		}
	}

	.haoyou {
		background-color: #fff;
		font-size: 14px;
		display: flex;
		padding: 10px;

		.hy_l {
			color: #A3A0A0;
			padding-right: 10px;
		}

		.hy_m {
			flex-grow: 1;
			padding-right: 10px;
			height: 20px;
			line-height: 20px;
			overflow: hidden;
		}
	}

	.pintuan {
		background-color: #fff;
		font-size: 14px;

		.pt_top {
			display: flex;
			justify-content: space-between;
			padding: 10px;
			border-bottom: 1px solid #F6F6F6;

			.pt_top_l {
				font-size: 16px;
			}

			.pt_top_r {
				color: #A0A0A0;
			}
		}

		.pt_people {
			padding: 0 10px;

			.pt {
				display: flex;
				padding: 15px 0;
				border-bottom: 1px solid #F6F6F6;

				.pt_l {
					font-size: 16px;
					line-height: 40px;
					display: flex;

					img {
						width: 40px;
						height: 40px;
						border-radius: 50%;
						margin-right: 8px;
					}
				}

				.pt_m {
					flex-grow: 1;
					text-align: right;
					padding-right: 15px;

					.pt_m_2 {
						color: #6D6D6F;
					}

					span {
						color: #ED3F14;
					}
				}

				.pt_r {
					background-color: #ED3F14;
					color: #fff;
					height: 30px;
					line-height: 30px;
					margin-top: 5px;
					padding: 0 12px;
					border-radius: 3px;
				}
			}
		}
	}

	//返回顶部 
	.r_b {
		position: fixed;
		right: 10px;
		bottom: 70px;
		z-index: 9;

		.back {
			background-color: #EDEDED;
			width: 35px;
			height: 35px;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-bottom: 10px;
			background-color: rgba(0, 0, 0, 0.1);
		}
	}

	.font-red {
		color: #FF201F
	}

	// 分享
	.canvas {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		z-index: 10;
	}

	.sha_tan {
		.mask {
			position: fixed;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 21;
			background-color: rgba(0, 0, 0, 0.6);
		}

		.share_tan {
			background-color: #fff;
			padding-top: 15px;
			box-shadow: 0 1px 15px #D3D3D3;
			position: fixed;
			bottom: 0px;
			width: 100%;
			text-align: center;
			z-index: 199;

			.s_title {
				font-size: 16px;
			}

			.bye {
				height: 40px;
				line-height: 40px;
				border-top: 1px solid #EFEFEF;
				font-size: 14px;
			}
		}

		.s_t_tit {
			font-size: 16px;
		}

		.s_t_tit span {
			color: #999999;
		}

		.s_t_x {
			display: flex;
			padding-top: 10px;
		}

		.s_t_l {
			width: 50%;
			text-align: center;
			font-size: 12px;
			display: flex;
			justify-content: center;
			line-height: 13px;
			color: #000;
		}

		.s_t_l button {
			line-height: 13px;
			color: #000;
			font-size: 12px;
		}

		.s_t_l image {
			width: 50px;
			height: 50px;
			margin-top: 15px;
		}

		.s_t_l_s {
			background-color: #F37401;
			width: 45px;
			height: 45px;
			border-radius: 50px;
			display: flex;
			justify-content: center;
			margin-top: 15px;
		}

		.share {
			background-color: #fff;

			img {
				width: 50px;
				height: 50px;
				margin-top: 0px;
				border-radius: 50px;
			}
		}

		.s_t_l_s image {
			width: 50px;
			height: 50px;
			margin-top: 0px;
		}

		.s_t_q {
			line-height: 40px;
			height: 40px;
			border-top: 1px solid #EFEFEF;
			margin-top: 16px;
		}

	}

	/* 优惠券面板 */
	.mask {
		display: flex;
		align-items: flex-end;
		position: fixed;
		left: 0;
		top: var(--window-top);
		bottom: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0);
		z-index: 9995;
		transition: .3s;

		.mask-content {
			width: 100%;
			min-height: 30vh;
			max-height: 70vh;
			background: #f3f3f3;
			transform: translateY(100%);
			transition: .3s;
			overflow-y: scroll;
		}

		&.none {
			display: none;
		}

		&.show {
			background: rgba(0, 0, 0, .4);

			.mask-content {
				transform: translateY(0);
			}
		}
	}

	/* 优惠券列表 */
	.coupon-item {
		display: flex;
		flex-direction: column;
		margin: 20upx 24upx;
		background: #fff;

		.con {
			display: flex;
			align-items: center;
			position: relative;
			height: 120upx;
			padding: 0 30upx;

			&:after {
				position: absolute;
				left: 0;
				bottom: 0;
				content: '';
				width: 100%;
				height: 0;
				border-bottom: 1px dashed #f3f3f3;
				transform: scaleY(50%);
			}
		}

		.left {
			display: flex;
			flex-direction: column;
			justify-content: center;
			flex: 1;
			overflow: hidden;
			height: 100upx;
		}

		.title {
			font-size: 32upx;
			color: #666443;
			margin-bottom: 10upx;
		}

		.time {
			font-size: 24upx;
			color: #cccccc;
		}

		.right {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			font-size: 26upx;
			color: #cccccc;
			height: 100upx;
		}

		.price {
			font-size: 44upx;
			color: #cccccc;

			&:before {
				content: '￥';
				font-size: 34upx;
			}
		}

		.dott {
			display: flex;
			justify-content: space-between;

			.tips {
				font-size: 24upx;
				color: #cccccc;
				line-height: 60upx;
				padding-left: 30upx;
			}

			.an {
				background-color: #FF201F;
				font-size: 12px;
				color: #fff;
				margin-right: 15px;
				height: 23px;
				line-height: 23px;
				padding: 0 8px;
				border-radius: 20px;
				margin-top: 3px;
			}
		}

		.circle {
			position: absolute;
			left: -6upx;
			bottom: -10upx;
			z-index: 10;
			width: 20upx;
			height: 20upx;
			background: #f3f3f3;
			border-radius: 100px;

			&.r {
				left: auto;
				right: -6upx;
			}
		}
	}

	.share {
		padding: 0 !important;
		border: none !important;
		background: none;
		color: #666;
	}

	.share::after {
		border: 0;
	}

	.container {
		padding-bottom: 110upx;
	}

	.tui-header-box {
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9998;
	}

	.tui-header {
		width: 100%;
		font-size: 18px;
		line-height: 18px;
		font-weight: 500;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.tui-header-icon {
		position: fixed;
		top: 0;
		left: 10px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		height: 32px;
		transform: translateZ(0);
		z-index: 99999;
	}



	.tui-header-icon .tui-badge {
		background: #e41f19 !important;
		position: absolute;
		right: -4px;
	}

	.tui-icon-ml {
		margin-left: 20upx;
	}

	.tui-icon {
		border-radius: 16px;
	}


	.tui-icon-back {
		height: 32px !important;
		width: 32px !important;
		display: block !important;
	}

	.tui-header-icon .tui-icon-more-fill {
		height: 20px !important;
		width: 20px !important;
		padding: 6px !important;
		display: block !important;
	}

	.tui-banner-swiper {
		position: relative;
	}

	.tui-banner-swiper .tui-tag-class {
		position: absolute;
		opacity: 0.5;
		color: #fff;
		bottom: 10upx;
		right: 0;
	}

	.tui-slide-image {
		width: 100%;
		display: block;
	}

	/*顶部菜单*/

	.tui-menu-box {
		box-sizing: border-box;
	}

	.tui-menu-header {
		font-size: 34upx;
		color: #fff;
		height: 32px;
		display: flex;
		align-items: center;
	}

	.tui-top-dropdown {
		z-index: 9999 !important;
	}

	/* .tui-menu-itembox {
		color: #fff;
		padding: 40upx 10upx 0 10upx;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		font-size: 26upx;
	} */

	.tui-menu-item {
		width: 22%;
		height: 160upx;
		border-radius: 24upx;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		background: rgba(0, 0, 0, 0.4);
		margin-right: 4%;
		margin-bottom: 4%;
	}

	.tui-menu-item:nth-of-type(4n) {
		margin-right: 0;
	}

	/* .tui-badge-box {
		position: relative;
	}

	.tui-badge-box .tui-badge-class {
		position: absolute;
		top: -8px;
		right: -8px;
	} */

	.tui-msg-badge {
		top: -10px;
	}

	.tui-icon-up {
		position: relative;
		display: inline-block;
		left: 50%;
		transform: translateX(-50%);
	}

	.tui-menu-text {
		padding-top: 12upx;
	}

	.tui-opcity .tui-menu-text,
	.tui-opcity .tui-badge-box {
		opacity: 0.5;
		transition: opacity 0.2s ease-in-out;
	}

	/*顶部菜单*/

	/*内容 部分*/

	.tui-padding {
		padding: 0 30upx;
		box-sizing: border-box;
	}

	.tui-size {
		font-size: 24upx;
		line-height: 24upx;
	}

	.tui-gray {
		color: #999;
	}

	.tui-icon-red {
		color: #ff201f;
	}

	.tui-border-radius {
		border-bottom-left-radius: 24upx;
		border-bottom-right-radius: 24upx;
		overflow: hidden;
	}

	.tui-radius-all {
		border-radius: 24upx;
		overflow: hidden;
	}

	.tui-mtop {
		margin-top: 26upx;
	}

	.tui-pro-detail {
		box-sizing: border-box;
		color: #333;
	}

	.tui-product-title {
		background: #fff;
		padding: 30upx 0;
	}

	.xszk {
		position: absolute;
		bottom: 0px;
		left: 0;
		line-height: 25px;
		background-color: #FF4342;
		font-size: 12px;
		color: #fff;
		text-align: center;
		border-top-right-radius: 8px;
		width: 80px;
		height: 25px;
		z-index: 9;
		border-bottom-left-radius: 0px;
	}

	.detail {
		display: flex;
		justify-content: space-between;
		position: relative;
		background-color: #FF4342;
		margin-top: -30upx;
		padding-top: 30upx;
		color: #fff;

		.tui-pro-pricebox {
			color: #fff;
		}

		.tui-gray {
			color: #FBB3AB;
		}

		.time {
			padding-right: 10px;

			.juli {
				font-size: 12px;
				margin-top: -5px;
				padding-bottom: 5px;
			}
		}

		.tag {
			font-size: 12px;
			border: 1px solid #fff;
			border-radius: 10px;
			padding: 0 5px;
			line-height: 15px;
			margin: -5px 0 0 5px;
			font-weight: 100;
		}
	}

	.tui-pro-pricebox {
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #ff201f;
		font-size: 36upx;
		font-weight: bold;
		line-height: 44upx;
	}

	.tui-pro-price {
		display: flex;
		align-items: center;
	}

	.tui-pro-price .tui-tag-class {
		transform: scale(0.7);
		transform-origin: center center;
		line-height: 24upx;
		font-weight: normal;
	}

	.tui-price {
		font-size: 58upx;
		padding-left: 3px;
	}

	.tui-original-price {
		font-size: 26upx;
		line-height: 26upx;
		padding: 10upx 30upx;
		box-sizing: border-box;
	}

	.tui-line-through {
		text-decoration: line-through;
	}

	.tui-collection {
		color: #333;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		height: 44upx;
	}

	.tui-scale {
		transform: scale(0.7);
		transform-origin: center center;
		line-height: 24upx;
		font-weight: normal;
	}

	.tui-icon-collection {
		line-height: 20px !important;
		margin-bottom: 0 !important;

	}

	.tui-pro-titbox {
		font-size: 32upx;
		font-weight: 500;
		position: relative;
		padding: 10upx 150upx 0 30upx;
		box-sizing: border-box;
	}

	.tui-pro-title {
		padding: 5upx 0px 0 0;
		line-height: 180%;
		margin-bottom: 10px;
	}

	.tui-share-btn {
		display: block;
		background: none;
		margin: 0;
		padding: 0;
		border-radius: 0;
	}

	.tui-tag-share {
		display: flex;
		align-items: center;
	}

	.tui-share-position {
		position: absolute;
		right: 0;
		top: 30upx;
	}

	.tui-share-text {
		padding-left: 8upx;
	}

	.tui-sub-title {
		padding: 20upx 0;
	}

	.tui-sale-info {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 30upx;
	}

	.tui-discount-box {
		background: #fff;
	}

	.tui-list-cell {
		position: relative;
		display: flex;
		align-items: center;
		font-size: 26upx;
		line-height: 26upx;
		padding: 36upx 30upx;
		box-sizing: border-box;
	}

	.tui-right {
		position: absolute;
		right: 30upx;
		top: 30upx;
	}

	.tui-top40 {
		top: 40upx !important;
	}

	.tui-bold {
		font-weight: bold;
	}

	.tui-list-cell::after {
		content: '';
		position: absolute;
		border-bottom: 1upx solid #eaeef1;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		bottom: 0;
		right: 0;
		left: 126upx;
	}

	.tui-last::after {
		border-bottom: 0 !important;
	}

	.tui-tag-coupon-box {
		display: flex;
		align-items: center;
	}

	.tui-tag-coupon-box .tui-tag-class {
		margin-right: 20upx;
	}


	.tui-cell-title {
		width: 66upx;
		padding-right: 30upx;
		flex-shrink: 0;
	}

	.tui-promotion-box {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 10upx 0;
		width: 74%;
	}

	.tui-promotion-box .tui-tag-class {
		display: inline-block !important;
		transform: scale(0.8);
		transform-origin: 0 center;
	}

	/* .tui-inline-block {
		display: inline-block !important;
		transform: scale(0.8);
		transform-origin: 0 center;
	} */

	.tui-basic-info {
		background: #fff;
	}

	.tui-addr-box {
		width: 76%;
	}

	.tui-addr-item {
		padding: 10upx;
		line-height: 34upx;
	}

	.tui-guarantee {
		background: #fdfdfd;
		display: flex;
		flex-wrap: wrap;
		padding: 20upx 30upx 30upx 30upx;
		font-size: 24upx;
	}

	.tui-guarantee-item {
		color: #999;
		padding-right: 30upx;
		padding-top: 10upx;
	}

	.tui-pl {
		padding-left: 4upx;
	}

	.tui-cmt-box {
		background: #fff;
	}

	.tui-between {
		justify-content: space-between !important;
	}

	.tui-cmt-all {
		color: #555;
		padding-right: 8upx;
	}

	.tui-cmt-content {
		font-size: 26upx;
	}

	.tui-cmt-user {
		display: flex;
		align-items: center;
	}

	.tui-acatar {
		width: 60upx;
		height: 60upx;
		border-radius: 30upx;
		display: block;
		margin-right: 16upx;
	}

	.tui-cmt {
		padding: 14upx 0;
	}

	.tui-attr {
		font-size: 24upx;
		color: #999;
		padding: 6upx 0;
	}

	.tui-cmt-btn {
		padding: 50upx 0 30upx 0;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.tui-tag-cmt {
		min-width: 130upx;
		padding: 20upx 52upx !important;
		font-size: 26upx !important;
		display: inline-block;
	}

	.tui-nomore-box {
		padding-top: 10upx;
	}

	.tui-product-img {
		transform: translateZ(0);
	}

	.tui-product-img image {
		width: 100%;
		display: block;
	}

	/*底部操作栏*/

	.tui-col-7 {
		width: 58.33333333%;
	}

	.tui-col-5 {
		width: 41.66666667%;
	}

	.tui-operation {
		width: 100%;
		height: calc(100upx + constant(safe-area-inset-bottom));
		height: calc(100upx +  env(safe-area-inset-bottom));
		/* box-sizing: border-box; */
		background: rgba(255, 255, 255, 0.98);
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: space-between;
		z-index: 10;
		bottom: 0;
		left: 0;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}

	.tui-safearea-bottom {
		width: 100%;
		height: env(safe-area-inset-bottom);
	}

	.tui-operation::before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		border-top: 1upx solid #eaeef1;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
	}

	.tui-operation-left {
		display: flex;
		align-items: center;
	}

	.tui-operation-item {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column;
		position: relative;
	}

	.tui-operation-text {
		font-size: 22upx;
		color: #333;
	}

	.tui-opacity {
		opacity: 0.5;
	}

	.tui-scale-small {
		transform: scale(0.9);
		transform-origin: center center;
	}

	.tui-operation-right {
		height: 100upx;
		/* box-sizing: border-box; */
		padding-top: 0;
	}

	.tui-right-flex {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.tui-btnbox-4 .tui-btn-class {
		width: 90% !important;
		display: block !important;
		font-size: 28upx !important;
	}

	.tui-operation .tui-badge-class {
		position: absolute;
		top: -6upx;
		/* #ifdef H5 */
		transform: translateX(50%)
			/* #endif  */
	}

	.tui-flex-1 {
		flex: 1;
	}

	/*底部操作栏*/

	/*底部选择弹层*/

	.tui-popup-class {
		border-top-left-radius: 24upx;
		border-top-right-radius: 24upx;
		padding-bottom: env(safe-area-inset-bottom);
	}

	.tui-popup-box {
		position: relative;
		padding: 30upx 0 100upx 0;
	}

	.tui-popup-btn {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.tui-popup-btn .tui-btn-class {
		width: 90% !important;
		display: block !important;
		font-size: 28upx !important;
	}

	.tui-icon-close {
		position: absolute;
		top: 30upx;
		right: 30upx;
	}

	.tui-product-box {
		display: flex;
		align-items: flex-end;
		font-size: 24upx;
		padding-bottom: 30upx;
	}

	.tui-popup-img {
		height: 200upx;
		width: 200upx;
		border-radius: 24upx;
		display: block;
	}

	.tui-popup-price {
		padding-left: 20upx;
		padding-bottom: 8upx;
	}

	.tui-amount {
		color: #ff201f;
		font-size: 36upx;
	}

	.tui-number {
		font-size: 24upx;
		line-height: 24upx;
		padding-top: 12upx;
		color: #999;
	}

	.tui-popup-scroll {
		height: 600upx;
		font-size: 26upx;
	}

	.tui-scrollview-box {
		padding: 0 30upx 60upx 30upx;
		box-sizing: border-box;
	}

	.tui-attr-title {
		padding: 10upx 0;
		color: #333;
	}

	.tui-attr-box {
		font-size: 0;
		padding: 20upx 0;
	}

	.tui-attr-item {
		max-width: 100%;
		min-width: 200upx;
		height: 64upx;
		display: -webkit-inline-flex;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: #f7f7f7;
		padding: 0 26upx;
		box-sizing: border-box;
		border-radius: 32upx;
		margin-right: 20upx;
		margin-bottom: 20upx;
		font-size: 26upx;
	}

	.tui-attr-item-active {
		max-width: 100%;
		min-width: 200upx;
		height: 64upx;
		display: -webkit-inline-flex;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: #f7f7f7;
		padding: 0 26upx;
		box-sizing: border-box;
		border-radius: 32upx;
		border: 1px solid #E54D42;
		margin-right: 20upx;
		margin-bottom: 20upx;
		font-size: 26upx;
		color: #E54D42;
	}

	.tui-attr-active {
		background: #fcedea !important;
		color: #e41f19;
		font-weight: bold;
		position: relative;
	}

	.tui-attr-active::after {
		content: "";
		position: absolute;
		border: 1upx solid #e41f19;
		width: 100%;
		height: 100%;
		border-radius: 40upx;
		left: 0;
		top: 0;
	}

	.tui-number-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20upx 0 30upx 0;
		box-sizing: border-box;
	}

	.pro-content {
		margin-top: 30upx;
		background: #fff;
		padding: 0 2% 40upx;
	}

	/*底部选择弹层*/
	
	


.f__canvas {
	width: 300rpx;
	height: 300rpx;
	position: fixed;
	top: -10000rpx;
	left: 0rpx;
}


	.address{background: #f9f9f9;}
.pay-alert {
        padding: 10rpx 20rpx;
        background: #e3f5fc;
        color:rgb(17, 163, 248);
        font-size: 22rpx;
}
.selectstore{
	background: #e3f5fc;
	margin:10px;border-radius: 10px;border:dotted 1px rgb(17, 163, 248);
}



  /* 底部栏 */
  .action-section {
    margin-bottom: 0;
    bottom: 0;
    position: fixed;
    width: 100vw;
    z-index: 95;
    .actionbox {
      min-height: 50px;//calc( + var(--status-bar-height) + var(--window-bottom));
      margin: auto;
      padding: 0 30upx;
      background: rgba(255, 255, 255, 1);
      box-shadow: 0 0 20upx 0 rgba(0, 0, 0, 0.1);
    }
    .confirm-btn {
      padding: 0 10upx;
      margin: 0;
      border-radius: 100px;
      height: 76upx;
      line-height: 76upx;
      background: #fe8c02;
      font-size: 32rpx;
      // box-shadow: 1px 2px 3px rgba(217, 60, 93, 0.72);
    }
  }

  